@charset "UTF-8";
* {
  box-sizing: border-box; }

body {
  width: 100%;
  font-family: "微软雅黑";
  /*清除浮动*/
  /*最外层*/ }
  body a {
    display: inline-block;
    text-decoration: none; }
  body span {
    display: inline-block; }
  body .fix::after {
    display: block;
    content: '';
    clear: both; }
  body #wrap {
    width: 100%;
    /*头部*/
    /*内容*/
    /*尾部*/ }
    body #wrap header {
      position: relative;
      /*导航栏*/ }
      body #wrap header .h_top {
        background: #d9d9d9;
        border-bottom: 1px solid #9a9a9a;
        line-height: 35px; }
        body #wrap header .h_top a {
          color: #595959;
          font-size: 14px; }
        body #wrap header .h_top div:nth-child(1) {
          float: left;
          margin-left: 5%; }
        body #wrap header .h_top div:nth-child(2) {
          float: right;
          margin-right: 10%;
          font-size: 14px;
          color: #1a1a1a; }
          body #wrap header .h_top div:nth-child(2) .h_top_span {
            border-right: 1px solid #9a9a9a;
            transition: 0.5s; }
            body #wrap header .h_top div:nth-child(2) .h_top_span span {
              margin-left: 15px; }
            body #wrap header .h_top div:nth-child(2) .h_top_span img {
              margin-left: 10px;
              position: relative;
              top: 5px; }
            body #wrap header .h_top div:nth-child(2) .h_top_span:hover {
              background: #313131;
              color: #fff; }
      body #wrap header .h_middle {
        border-bottom: 1px solid #9a9a9a;
        padding: 20px 5%;
        display: flex;
        justify-content: space-between; }
      body #wrap header .h_nav {
        padding: 5px 10%;
        display: flex;
        justify-content: space-between; }
        body #wrap header .h_nav a {
          width: 100px;
          height: 35px;
          line-height: 35px;
          text-align: center;
          color: #262626;
          font-size: 15px;
          transition: 0.5s; }
          body #wrap header .h_nav a:hover {
            background: #fc904e;
            color: #fff; }
      body #wrap header .h_nav_down {
        position: absolute;
        top: 170px;
        opacity: 0;
        z-index: 2; }
        body #wrap header .h_nav_down div {
          width: 0;
          height: 0;
          border: 10px solid transparent;
          border-bottom: 10px solid #9a9a9a;
          margin-left: 50px; }
        body #wrap header .h_nav_down ul {
          width: 120px;
          margin-top: -1px; }
          body #wrap header .h_nav_down ul li {
            margin-top: 1px;
            tramsition: 0.5s; }
            body #wrap header .h_nav_down ul li a {
              width: 100%;
              background: #9a9a9a;
              text-align: center;
              line-height: 35px;
              color: #262626;
              font-size: 14px; }
              body #wrap header .h_nav_down ul li a:hover {
                background: #fff; }
    body #wrap footer {
      width: 100%;
      /*二维码*/
      /*地址*/ }
      body #wrap footer .f_top {
        width: 100%;
        background: #313131; }
        body #wrap footer .f_top .f_top_center {
          width: 50%;
          margin: 100px 0 50px 25%; }
          body #wrap footer .f_top .f_top_center div {
            float: left; }
            body #wrap footer .f_top .f_top_center div .f_top_back {
              color: #bfbfbf;
              font-size: 17px;
              line-height: 40px; }
              body #wrap footer .f_top .f_top_center div .f_top_back span {
                margin-left: 20px; }
      body #wrap footer .f_bottom {
        width: 100%;
        background: #272727; }
        body #wrap footer .f_bottom p {
          line-height: 70px;
          text-align: center;
          color: #999999;
          font-size: 14px; }
